@charset "utf-8";
.text-overflow {
    overflow: hidden; /*将超出内容隐藏*/
    white-space: nowrap; /*强制内容不换行。强制在同一行内显示所有文本，直到文本结束或者遭遇 br 元素*/
    text-overflow: ellipsis; /*IE专用属性，文本溢出时显示省略标记()；其他浏览器不支持。*/
    -o-text-overflow: ellipsis;
}

.overflow-hidden {
    overflow: hidden; /*将超出内容隐藏*/
    text-overflow: ellipsis; /*IE专用属性，文本溢出时显示省略标记()；其他浏览器不支持。*/
    -o-text-overflow: ellipsis;
}
#order_nav {  position: relative; background: #33C; position: relative; }
#order_nav .list {width: 261px; margin: 0 auto; border-top: 1px solid #CCC; }
#order_nav .list li { width: 80px; height: 80px; float: left; border-radius: 50%; position: relative; margin-top:20px; margin-left: 6px; position: relative; cursor: pointer; -webkit-transition: .4s all; -moz-transition: .4s all; -ms-transition: .4s all; transition: .4s all; }
#order_nav .list li a { display: block; width: 100%; height: 100%; text-align: center; }
#order_nav .list li .cycle_mark { position: absolute; left: 0; top-: 10px; z-index: 2; }
#order_nav .list li .ico { width: 80px; height: 80px; position: absolute; background: #b8b8b8 url(../images/rotate.png); border-radius: 50%; z-index: 1; -webkit-transition: .4s all; -moz-transition: .4s all; -ms-transition: .4s all; transition: .4s all; }
#order_nav .list li ._1 { background-position: 0px 0px; }
#order_nav .list li ._2 { background-position: -102px 0px; }
#order_nav .list li ._3 { background-position: -204px 0px; }
#order_nav .list li ._4 { background-position: -306px 0px; }
#order_nav .list li ._5 { background-position: -408px 0px; }
#order_nav .list li ._6 { background-position: -510px 0px; }
#order_nav .list li p { width: 100%; position: absolute; top: 100px; text-align: center; font-family: "微软雅黑"; font-size: 18px; color: #333; background-: #633; }
#order_nav .list li p span { font-size: 15px; color: #414141; display: block; font-weight: bold; text-align: center; }
#order_nav .list li p strong { font-size: 12px; color: #f00; display: block; }
#order_nav .list li.on { background: rgba(0,0,0,.5); }
#order_nav .list li.on .ico { background-color: #dd2331; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }